<html>

<head>
<title>The Graph Pane</title>
<link rel="stylesheet" type="text/css" href="../../Styles/Styles.css">
</head>

<body>

<div class="PageCaption">The Graph Pane</div>

<p>
The <span class="Definition">Graph Pane</span> is where NodeXL shows the graph when you click the <a href="../SimpleGraph/Overview.htm#ShowGraph">Show Graph</a> button.  It's on the right side of the main Excel window.
</p>

<p>
(Confusingly, the Graph Pane has a title bar that says "Document Actions," but in NodeXL you should think of it as the Graph Pane.  Document Actions is an Excel pane that is not exclusive to NodeXL, and Excel calls it Document Actions no matter which program is using it.)
</p>

<p>
The Graph Pane can be resized, undocked from the main Excel window, and hidden.
</p>

<div class="HowToTitle">
<a name="Resize">To resize the Graph Pane:</a>
</div>

<ol>

    <li class="HowToItem">
    Hover the mouse over the vertical divider between the Graph Pane and the NodeXL Worksheets.  The mouse cursor changes to a double-headed arrow.
    </li>

    <li class="HowToItem">
    Drag the vertical divider to the left or right.
    </li>

</ol>

<div class="HowToTitle">
<a name="Undock">To undock the Graph Pane from the main Excel window:</a>
</div>

<ol>

    <li class="HowToItem">
    Drag the Graph Pane's title bar, the one that says "Document Actions."  You might have to drag the title bar a considerable distance before the Graph Pane becomes undocked.
    </li>

</ol>

<div class="HowToTitle">
<a name="Dock">To dock the Graph Pane to the main Excel window:</a>
</div>

<ol>

    <li class="HowToItem">
    Drag the Graph Pane's title bar to one of the edges of the main Excel window.
    </li>

</ol>

<div class="HowToTitle">
<a name="Hide">To hide the Graph Pane, do one of the following:</a>
</div>

<ul>

    <li class="HowToItem">
    Click the X at the upper-right corner of the Graph Pane, or...
    </li>

    <li class="HowToItem">
    In the Excel Ribbon, select, View, Show/Hide, Document Actions,
    </li>

</ul>

<div class="HowToTitle">
<a name="Show">To show the Graph Pane, do one of the following:</a>
</div>

<ul>

    <li class="HowToItem">
    <a href="../SimpleGraph/Overview.htm#ShowGraph">Show the graph</a>, or...
    </li>

    <li class="HowToItem">
    In the Excel Ribbon, select, View, Show/Hide, Document Actions.
    </li>

</ul>

<hr />
<div class="SectionCaption">
<a name="GraphLegend">
The Graph Legend
</a>
</div class="SectionCaption">

<p>
The Graph Pane can include a legend if you choose to show one.  The legend shows any visual attributes that have been autofilled using NodeXL's <a href="../VisualProperties/AutofillColumns.htm">Autofill Columns</a> feature.  If you autofill the Vertex Size column using the Degree column as a source, for example, then the legend will look something like this:
</p>

<img class="IndentedImage" src="../../Images/GraphLegend.png" />

<p>
This legend indicates that the Size column was autofilled with Degree, which ranged from 1 to 9.
</p>

<div class="HowToTitle">
<a name="ShowGraphLegend">To show the graph legend, do the following:</a>
</div>

<ol>

    <li class="HowToItem">
    In the Excel Ribbon, select NodeXL, Show/Hide, Graph Elements.
    </li>

    <li class="HowToItem">
    Check Legend.
    </li>

</ol>

<hr />

<div class="SectionCaption">
<a name="GraphAxes">
The Graph Axes
</a>
</div class="SectionCaption">

<p>
The Graph Pane can also include x- and y-axes, which can be useful when you <a href="../VisualProperties/AutofillColumns.htm">autofill</a> the X and Y columns on the Vertices worksheet.  The axes include labels that indicate the source columns, and the axis units are determined by the range of numbers in the source columns.
</p>

<div class="HowToTitle">
<a name="ShowGraphAxes">To show the graph axes, do the following:</a>
</div>

<ol>

    <li class="HowToItem">
    In the Excel Ribbon, select NodeXL, Show/Hide, Graph Elements.
    </li>

    <li class="HowToItem">
    Check Axes.
    </li>

</ol>

<hr />
<div class="MoreInformationTitle">More Information</div>

<ul>
    <li class="MoreInformationItem">
    <a href="Overview.htm"><img src="../../Images/Back.png" />A Quick Tour of the NodeXL Workbook</a>
    </li>

    <li class="MoreInformationItem">
    <a href="../KeyboardShortcuts/Overview.htm">Keyboard Shortcuts in the Graph Pane</a>
    </li>

</ul>

</body>
</html>
